<template>
	<view>
		<uni-card class="card1">
			<uni-row>
				<uni-col :offset="23">
					<image class="picture" src="../../static/push.png" style="height: 18px;width: 18px;"></image>
				</uni-col>
				<uni-col :span="11" :offset="10">
					<image class="photo" src="../../static/login.png"></image>
				</uni-col>
				<uni-col :span="14" :offset="9">
					<view class="top">
						点击登录
					</view>
				</uni-col>
				<uni-col :span="17" :offset="5">
					<view class="top1">
						欢迎来到袁隆平杂交水稻科学园
					</view>
				</uni-col>
			</uni-row>
		</uni-card>
		
		<uni-card class="card">
			<uni-row>
				<uni-col>
					<view class="res">
						<text>
							<br />
							预约记录
						</text>
					</view>
				</uni-col>
				<uni-col :span="1" :offset="23">
					<view>
						<image src="../../static/next.png" style="height: 16px;width: 16px;"></image>
					</view>
				</uni-col>
			</uni-row>
			<br /><br /><br /><br />
			<uni-row>
				<uni-col :span="10" :offset="7">
					<view class="study">
						<image src="../../static/img.png" style="width: 141px;height: 130px"></image>
					</view>
				</uni-col>
			</uni-row>
			<uni-row>
				<uni-col :span="10" :offset="9">
					<view class="msg">
						暂无预约记录~
					</view>
				</uni-col>
			</uni-row>
		</uni-card>
		
	</view>
</template>

<script setup>
	
</script>

<style>
	.picture{
		width: 18px;
		height: 18px;
		justify-content: center;
		text-align: center;
	}
	.photo{
		width: 50px;
		height: 50px;
		justify-content: center;
		text-align: center;
	}
	.top{
		width: 70px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		padding: 3px;
	}
	.top1{
		width: 168px;
		height: 17px;
		opacity: 0.75;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #323232;
		letter-spacing: 0;
		padding: 7px;
	}
	.res{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #323232;
		letter-spacing: 0;
	}
	.next{
		width: 16px;
		height: 16px;
		opacity: 0;
	}
	.res{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #323232;
		letter-spacing: 0;
	}
	.card{
		width: 300px;
		height: 400px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.card1{
		width: 300px;
		height: 148px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.msg{
		width: 60px;
		height: 15px;
		opacity: 0.7;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 10px;
		color: #393939;
		letter-spacing: -0.8px;
	}
</style>